<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button class="add">新增</button>
</body>
<script>
    var add = document.getElementsByClassName("add")[0];


    // cookie的新增:
    // 1. cookie的存取都依赖于document.cookie
    // 2. cookie是以键值对(key=value)形式存在的字符串
    // 3. cookie存储的时候是一条一条存的, 取的时候将所有cookie整合到一起返回,用"; "分隔
    // 4. cookie可以设置存储路径和过期时间

    // add.onclick = function () {
    //     document.cookie = "user=a123123";
    //     document.cookie = "pwd=123123";
    //     document.cookie = "phone=17386141517";
    //     document.cookie = "email=123123@qq.com";
    // }


    // cookie的时效性 => cookie可以设置过期时间
    // 默认情况下,cookie在浏览器关闭时会过期 => 如果向长时间存储cookie 需要自定义过期时间
    // 借助expires属性(cookie的常用属性,每个cookie都可以设置)  => expires可以接收一个日期字符串(世界时)用于设置过期时间

    // date.toString();  // 日期对象转字符串(中国标准时间)
    // date.toUTCString();  // 日期对象转字符串(世界时)

    // 设置过期时间
    // add.onclick = function () {
    //     var date = new Date();
    //     date.setSeconds(date.getSeconds() + 30 * 60);

    //     // console.log(date.toString());  // 日期对象转字符串(中国标准时间)
    //     // console.log(date.toUTCString());  // 日期对象转字符串(世界时)


    //     document.cookie = "user=a123123; expires=" + date.toUTCString();
    //     document.cookie = "pwd=123123; expires=" + date.toUTCString();
    //     document.cookie = "phone=17386141517; expires=" + date.toUTCString();
    //     document.cookie = "email=123123@qq.com; expires=" + date.toUTCString();
    // }


    // cookie的跨页面访问 => cookie可以设置存储路径(cookie存储在哪个目录,该目录下所有文件均可访问 一般设置为/)
    // cookie默认存储在当前文件所在的目录,该目录以及子目录下的所有文件 均可以访问存储的cookie 
    // 如果想设置存储路径 => 需要借助path属性(cookie常用属性)  => path接收一个路径作为存储路径(一般从站点根目录开始写 /)

    add.onclick = function () {
        var date = new Date();
        date.setSeconds(date.getSeconds() + 30 * 60);

        // /day23
        // document.cookie = "user=a123123; expires=" + date.toUTCString() + "; path=/day23";
        // document.cookie = "pwd=123123; expires=" + date.toUTCString() + "; path=/day23";
        // document.cookie = "phone=17386141517; expires=" + date.toUTCString() + "; path=/day23";
        // document.cookie = "email=123123@qq.com; expires=" + date.toUTCString() + "; path=/day23";

        //  /
        document.cookie = "user=a123123; expires=" + date.toUTCString() + "; path=/";
        document.cookie = "pwd=123123; expires=" + date.toUTCString() + "; path=/";
        document.cookie = "phone=17386141517; expires=" + date.toUTCString() + "; path=/";
        document.cookie = "email=123123@qq.com; expires=" + date.toUTCString() + "; path=/";
    }




</script>

</html>